<template>
  <div class="content">
    <button @click="clear()">清空画布</button>
    <button @click="init()">初始化</button>
    <button @click="update()">换一张</button>
    <button @click="select(69)">选中</button>
    <button @click="select('125')">选中</button>
    <button @click="select('1236')">选中</button>
    <button @click="discardActiveObject()">取消</button>
        <!-- 图片上传 -->
    <el-tooltip effect="dark" content="缩小" placement="right">
      <input
       class="el-icon-zoom-out"
        @change="clickParent($event)"
        type="file"
        ref="upload"
        id="upload"/>
    </el-tooltip>
    <!-- 🖌 -->
    <!-- <ad-drawlable  ref="addrawlable"   :contours="true"  @updateData="updateData"  @updateObject="updateObject" @addObject="addObject" @deleteObject="deleteObject"  @selectObject="selectObject"></ad-drawlable> -->

    
    <ad-drawlable 、 ref="addrawlable1" @selectObject="selectObjectSelf"></ad-drawlable>
     <!--  -->

  </div>
</template>

<script>
import { mapState } from 'vuex';
import { setTimeout } from 'timers';
export default {
  name:'example',
  data(){
    return {
      // url:"https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3331240902,302148632&fm=26&gp=0.jpg",
      // url:'http://150.242.171.50:18648/file_server/review/bb9ee6e0-881d-4762-b6f8-c00b81ec1bc9/raw_data/0000000.png',
      url:"http://5b0988e595225.cdn.sohucs.com/images/20190322/66704d4824844ce6b2cd8cc1a4127b63.jpeg",
      labelDataOrigin: [],
      loadingData: false,
      data1:[{"type":"rect","objectId":69,"fill":"rgba(0,255,0,0.1)","stroke":"blue","coordinates":[{"x":461,"y":137},{"x":1429,"y":137},{"x":1429,"y":215},{"x":461,"y":215}]},{"type":"rect","objectId":70,"fill":"rgba(0,255,0,0.1)","stroke":"blue","coordinates":[{"x":380,"y":232},{"x":1543,"y":228},{"x":1544,"y":284},{"x":380,"y":286}]},{"type":"rect","objectId":71,"fill":"rgba(0,255,0,0.1)","stroke":"blue","coordinates":[{"x":160,"y":292},{"x":368,"y":291},{"x":367,"y":332},{"x":160,"y":333}]},{"type":"rect","objectId":72,"fill":"rgba(0,255,0,0.1)","stroke":"blue","coordinates":[{"x":576,"y":399},{"x":1122,"y":397},{"x":1123,"y":444},{"x":576,"y":446}]},{"type":"rect","objectId":73,"fill":"rgba(0,255,0,0.1)","stroke":"blue","coordinates":[{"x":853,"y":464},{"x":1125,"y":464},{"x":1125,"y":498},{"x":853,"y":498}]},{"type":"rect","objectId":74,"fill":"rgba(0,255,0,0.1)","stroke":"blue","coordinates":[{"x":147,"y":470},{"x":248,"y":470},{"x":248,"y":500},{"x":147,"y":500}]},{"type":"rect","objectId":75,"fill":"rgba(0,255,0,0.1)","stroke":"blue","coordinates":[{"x":145,"y":507},{"x":781,"y":506},{"x":781,"y":544},{"x":146,"y":545}]},{"type":"rect","objectId":76,"fill":"rgba(0,255,0,0.1)","stroke":"blue","coordinates":[{"x":1210,"y":513},{"x":1445,"y":513},{"x":1445,"y":547},{"x":1210,"y":547}]},{"type":"rect","objectId":77,"fill":"rgba(0,255,0,0.1)","stroke":"blue","coordinates":[{"x":854,"y":515},{"x":1023,"y":515},{"x":1023,"y":547},{"x":854,"y":547}]},{"type":"rect","objectId":78,"fill":"rgba(0,255,0,0.1)","stroke":"blue","coordinates":[{"x":850,"y":566},{"x":1080,"y":566},{"x":1080,"y":600},{"x":851,"y":600}]},{"type":"rect","objectId":79,"fill":"rgba(0,255,0,0.1)","stroke":"blue","coordinates":[{"x":148,"y":567},{"x":632,"y":566},{"x":631,"y":601},{"x":148,"y":602}]},{"type":"rect","objectId":80,"fill":"rgba(0,255,0,0.1)","stroke":"blue","coordinates":[{"x":147,"y":602},{"x":433,"y":601},{"x":434,"y":636},{"x":148,"y":636}]},{"type":"rect","objectId":81,"fill":"rgba(0,255,0,0.1)","stroke":"blue","coordinates":[{"x":854,"y":606},{"x":1553,"y":604},{"x":1553,"y":636},{"x":854,"y":638}]},{"type":"rect","objectId":82,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":852,"y":643},{"x":1526,"y":640},{"x":1527,"y":675},{"x":852,"y":678}]},{"type":"rect","objectId":83,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1209,"y":686},{"x":1460,"y":686},{"x":1461,"y":721},{"x":1210,"y":721}]},{"type":"rect","objectId":84,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":854,"y":690},{"x":1116,"y":689},{"x":1116,"y":724},{"x":854,"y":726}]},{"type":"rect","objectId":85,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":148,"y":696},{"x":253,"y":696},{"x":253,"y":728},{"x":148,"y":728}]},{"type":"rect","objectId":86,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":149,"y":734},{"x":444,"y":734},{"x":444,"y":766},{"x":149,"y":766}]},{"type":"rect","objectId":87,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":853,"y":737},{"x":1082,"y":737},{"x":1082,"y":771},{"x":853,"y":771}]},{"type":"rect","objectId":88,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":855,"y":776},{"x":1447,"y":776},{"x":1447,"y":813},{"x":855,"y":813}]},{"type":"rect","objectId":89,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":150,"y":799},{"x":792,"y":796},{"x":792,"y":834},{"x":149,"y":835}]},{"type":"rect","objectId":90,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":854,"y":829},{"x":1115,"y":829},{"x":1115,"y":863},{"x":854,"y":863}]},{"type":"rect","objectId":91,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1209,"y":826},{"x":1549,"y":826},{"x":1549,"y":860},{"x":1209,"y":860}]},{"type":"rect","objectId":92,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":149,"y":836},{"x":786,"y":833},{"x":786,"y":870},{"x":149,"y":870}]},{"type":"rect","objectId":93,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1209,"y":866},{"x":1256,"y":866},{"x":1256,"y":900},{"x":1209,"y":900}]},{"type":"rect","objectId":94,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":149,"y":870},{"x":413,"y":871},{"x":413,"y":907},{"x":150,"y":907}]},{"type":"rect","objectId":95,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":854,"y":874},{"x":986,"y":874},{"x":986,"y":908},{"x":854,"y":908}]},{"type":"rect","objectId":96,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1159,"y":947},{"x":1301,"y":947},{"x":1301,"y":981},{"x":1159,"y":981}]},{"type":"rect","objectId":97,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":450,"y":949},{"x":657,"y":950},{"x":656,"y":986},{"x":450,"y":984}]},{"type":"rect","objectId":98,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":883,"y":950},{"x":1006,"y":950},{"x":1006,"y":984},{"x":883,"y":984}]},{"type":"rect","objectId":99,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1471,"y":948},{"x":1585,"y":948},{"x":1585,"y":978},{"x":1471,"y":978}]},{"type":"rect","objectId":100,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":147,"y":949},{"x":425,"y":948},{"x":426,"y":988},{"x":148,"y":990}]},{"type":"rect","objectId":101,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1372,"y":1011},{"x":1584,"y":1011},{"x":1584,"y":1048},{"x":1372,"y":1048}]},{"type":"rect","objectId":102,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":774,"y":1015},{"x":1004,"y":1014},{"x":1005,"y":1051},{"x":774,"y":1052}]},{"type":"rect","objectId":103,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":150,"y":1020},{"x":244,"y":1020},{"x":244,"y":1052},{"x":150,"y":1052}]},{"type":"rect","objectId":104,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":147,"y":1055},{"x":314,"y":1055},{"x":314,"y":1092},{"x":148,"y":1093}]},{"type":"rect","objectId":105,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1384,"y":1110},{"x":1583,"y":1110},{"x":1583,"y":1147},{"x":1384,"y":1147}]},{"type":"rect","objectId":106,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1067,"y":1112},{"x":1291,"y":1112},{"x":1291,"y":1144},{"x":1067,"y":1144}]},{"type":"rect","objectId":107,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":450,"y":1117},{"x":657,"y":1116},{"x":657,"y":1151},{"x":450,"y":1153}]},{"type":"rect","objectId":108,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1370,"y":1227},{"x":1585,"y":1227},{"x":1586,"y":1265},{"x":1370,"y":1264}]},{"type":"rect","objectId":109,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1108,"y":1229},{"x":1284,"y":1229},{"x":1284,"y":1259},{"x":1108,"y":1259}]},{"type":"rect","objectId":110,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":313,"y":1341},{"x":1560,"y":1338},{"x":1559,"y":1369},{"x":313,"y":1371}]},{"type":"rect","objectId":111,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":181,"y":1346},{"x":280,"y":1346},{"x":280,"y":1371},{"x":181,"y":1371}]},{"type":"rect","objectId":112,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":313,"y":1373},{"x":632,"y":1373},{"x":632,"y":1407},{"x":314,"y":1409}]},{"type":"rect","objectId":113,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":154,"y":1460},{"x":1283,"y":1452},{"x":1282,"y":1488},{"x":155,"y":1494}]},{"type":"rect","objectId":114,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":160,"y":1495},{"x":767,"y":1492},{"x":767,"y":1525},{"x":160,"y":1527}]},{"type":"rect","objectId":115,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":156,"y":1526},{"x":654,"y":1525},{"x":655,"y":1555},{"x":156,"y":1559}]},{"type":"rect","objectId":116,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":158,"y":1559},{"x":396,"y":1557},{"x":396,"y":1591},{"x":157,"y":1593}]},{"type":"rect","objectId":117,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":157,"y":1594},{"x":895,"y":1589},{"x":896,"y":1624},{"x":157,"y":1627}]},{"type":"rect","objectId":118,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":155,"y":1627},{"x":652,"y":1625},{"x":652,"y":1655},{"x":155,"y":1659}]},{"type":"rect","objectId":119,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1064,"y":1845},{"x":1305,"y":1851},{"x":1304,"y":1881},{"x":1063,"y":1875}]},{"type":"rect","objectId":120,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1061,"y":1876},{"x":1511,"y":1884},{"x":1511,"y":1916},{"x":1061,"y":1905}]},{"type":"rect","objectId":121,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1070,"y":1900},{"x":1496,"y":1912},{"x":1495,"y":1940},{"x":1069,"y":1929}]},{"type":"rect","objectId":122,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1225,"y":2000},{"x":1492,"y":2009},{"x":1488,"y":2043},{"x":1221,"y":2033}]},{"type":"rect","objectId":123,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":1037,"y":1012},{"x":1292,"y":1012},{"x":1293,"y":1048},{"x":1037,"y":1049}]},{"type":"rect","objectId":125,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":165,"y":1372},{"x":295,"y":1373},{"x":295,"y":1403},{"x":165,"y":1403}]},{"type":"rect","objectId":126,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":212,"y":2174},{"x":1546,"y":2159},{"x":1546,"y":2190},{"x":210,"y":2202}]},{"type":"rect","objectId":127,"fill":"rgba(0,255,0,0.1)","coordinates":[{"x":190,"y":2201},{"x":1578,"y":2190},{"x":1577,"y":2223},{"x":189,"y":2234}]},{"type":"rect","objectId":0,"color":"green","coordinates":[{"x":495.466796875,"y":137.78729248046875},{"x":1376.8902587890625,"y":137.78729248046875},{"x":495.466796875,"y":215.6103973388672},{"x":1376.8902587890625,"y":215.6103973388672}]},{"type":"rect","objectId":1,"color":"green","coordinates":[{"x":554.67919921875,"y":226.74270629882812},{"x":1368.540283203125,"y":226.74270629882812},{"x":554.67919921875,"y":281.1097106933594},{"x":1368.540283203125,"y":281.1097106933594}]},{"type":"rect","objectId":2,"color":"green","coordinates":[{"x":175.46690368652344,"y":589.3043212890625},{"x":765.6414184570312,"y":589.3043212890625},{"x":175.46690368652344,"y":624.4710083007812},{"x":765.6414184570312,"y":624.4710083007812}]},{"type":"rect","objectId":3,"color":"green","coordinates":[{"x":570.9229125976562,"y":400.25390625},{"x":1125.8011474609375,"y":400.25390625},{"x":570.9229125976562,"y":442.2991027832031},{"x":1125.8011474609375,"y":442.2991027832031}]},{"type":"rect","objectId":4,"color":"green","coordinates":[{"x":178.87159729003906,"y":553.4705810546875},{"x":731.576904296875,"y":553.4705810546875},{"x":178.87159729003906,"y":588.5985107421875},{"x":731.576904296875,"y":588.5985107421875}]},{"type":"rect","objectId":5,"color":"green","coordinates":[{"x":168.9936981201172,"y":294.298095703125},{"x":360.2992858886719,"y":294.298095703125},{"x":168.9936981201172,"y":326.5177001953125},{"x":360.2992858886719,"y":326.5177001953125}]},{"type":"rect","objectId":6,"color":"green","coordinates":[{"x":1099.836669921875,"y":2192.1259765625},{"x":1463.705322265625,"y":2192.1259765625},{"x":1099.836669921875,"y":2213.02685546875},{"x":1463.705322265625,"y":2213.02685546875}]},{"type":"rect","objectId":7,"color":"green","coordinates":[{"x":1092.788330078125,"y":2162.29443359375},{"x":1449.9554443359375,"y":2162.29443359375},{"x":1092.788330078125,"y":2186.141845703125},{"x":1449.9554443359375,"y":2186.141845703125}]},{"type":"rect","objectId":8,"color":"green","coordinates":[{"x":192.94720458984375,"y":2198.081787109375},{"x":666.735107421875,"y":2198.081787109375},{"x":192.94720458984375,"y":2221.17138671875},{"x":666.735107421875,"y":2221.17138671875}]},{"type":"rect","objectId":9,"color":"green","coordinates":[{"x":242.9591064453125,"y":2165.8115234375},{"x":651.6572875976562,"y":2165.8115234375},{"x":242.9591064453125,"y":2194.155517578125},{"x":651.6572875976562,"y":2194.155517578125}]},{"type":"rect","objectId":10,"color":"green","coordinates":[{"x":148.7606964111328,"y":505.1965026855469},{"x":446.0971984863281,"y":505.1965026855469},{"x":148.7606964111328,"y":537.4370727539062},{"x":446.0971984863281,"y":537.4370727539062}]},{"type":"rect","objectId":11,"color":"green","coordinates":[{"x":866.1362915039062,"y":466.5184020996094},{"x":1107.28466796875,"y":466.5184020996094},{"x":866.1362915039062,"y":494.19061279296875},{"x":1107.28466796875,"y":494.19061279296875}]},{"type":"rect","objectId":12,"color":"green","coordinates":[{"x":151.97149658203125,"y":627.0034790039062},{"x":409.66510009765625,"y":627.0034790039062},{"x":151.97149658203125,"y":659.7177734375},{"x":409.66510009765625,"y":659.7177734375}]},{"type":"rect","objectId":13,"color":"green","coordinates":[{"x":851.89599609375,"y":557.3516845703125},{"x":1109.412353515625,"y":557.3516845703125},{"x":851.89599609375,"y":586.3483276367188},{"x":1109.412353515625,"y":586.3483276367188}]},{"type":"rect","objectId":14,"color":"green","coordinates":[{"x":198.2812042236328,"y":182.5821075439453},{"x":332.7903137207031,"y":182.5821075439453},{"x":198.2812042236328,"y":264.5820007324219},{"x":332.7903137207031,"y":264.5820007324219}]},{"type":"rect","objectId":15,"color":"green","coordinates":[{"x":760.674072265625,"y":713.8474731445312},{"x":991.9033813476562,"y":713.8474731445312},{"x":760.674072265625,"y":745.0635986328125},{"x":991.9033813476562,"y":745.0635986328125}]},{"type":"rect","objectId":16,"color":"green","coordinates":[{"x":1214.824462890625,"y":554.6746215820312},{"x":1416.27490234375,"y":554.6746215820312},{"x":1214.824462890625,"y":584.8670043945312},{"x":1416.27490234375,"y":584.8670043945312}]},{"type":"rect","objectId":17,"color":"green","coordinates":[{"x":783.6107788085938,"y":2162.9453125},{"x":1021.3024291992188,"y":2162.9453125},{"x":783.6107788085938,"y":2188.878662109375},{"x":1021.3024291992188,"y":2188.878662109375}]},{"type":"rect","objectId":18,"color":"green","coordinates":[{"x":521.5625,"y":716.3565063476562},{"x":727.8118286132812,"y":716.3565063476562},{"x":521.5625,"y":745.06298828125},{"x":727.8118286132812,"y":745.06298828125}]},{"type":"rect","objectId":19,"color":"green","coordinates":[{"x":559.33740234375,"y":2163.078369140625},{"x":796.6177978515625,"y":2163.078369140625},{"x":559.33740234375,"y":2190.472900390625},{"x":796.6177978515625,"y":2190.472900390625}]},{"type":"rect","objectId":20,"color":"green","coordinates":[{"x":1224.422607421875,"y":505.51519775390625},{"x":1398.936279296875,"y":505.51519775390625},{"x":1224.422607421875,"y":536.2343139648438},{"x":1398.936279296875,"y":536.2343139648438}]},{"type":"rect","objectId":21,"color":"green","coordinates":[{"x":512.3327026367188,"y":981.3643188476562},{"x":709.3969116210938,"y":981.3643188476562},{"x":512.3327026367188,"y":1015.1030883789062},{"x":709.3969116210938,"y":1015.1030883789062}]},{"type":"rect","objectId":22,"color":"green","coordinates":[{"x":515.8729248046875,"y":897.6392822265625},{"x":710.8884887695312,"y":897.6392822265625},{"x":515.8729248046875,"y":932.25},{"x":710.8884887695312,"y":932.25}]},{"type":"rect","objectId":23,"color":"green","coordinates":[{"x":515.2213745117188,"y":939.1187133789062},{"x":709.898193359375,"y":939.1187133789062},{"x":515.2213745117188,"y":974.2205810546875},{"x":709.898193359375,"y":974.2205810546875}]},{"type":"rect","objectId":24,"color":"green","coordinates":[{"x":850.7918090820312,"y":504.7119140625},{"x":1019.4992065429688,"y":504.7119140625},{"x":850.7918090820312,"y":536.6217041015625},{"x":1019.4992065429688,"y":536.6217041015625}]},{"type":"rect","objectId":25,"color":"green","coordinates":[{"x":515.10498046875,"y":814.659912109375},{"x":678.3692016601562,"y":814.659912109375},{"x":515.10498046875,"y":850.6083984375},{"x":678.3692016601562,"y":850.6083984375}]},{"type":"rect","objectId":26,"color":"green","coordinates":[{"x":514.3624267578125,"y":855.3062133789062},{"x":678.3963012695312,"y":855.3062133789062},{"x":514.3624267578125,"y":892.3248901367188},{"x":678.3963012695312,"y":892.3248901367188}]},{"type":"rect","objectId":27,"color":"green","coordinates":[{"x":517.6600952148438,"y":773.019287109375},{"x":678.5949096679688,"y":773.019287109375},{"x":517.6600952148438,"y":807.4862060546875},{"x":678.5949096679688,"y":807.4862060546875}]},{"type":"rect","objectId":28,"color":"green","coordinates":[{"x":1393.6024169921875,"y":1047.318603515625},{"x":1555.8570556640625,"y":1047.318603515625},{"x":1393.6024169921875,"y":1081.2613525390625},{"x":1555.8570556640625,"y":1081.2613525390625}]},{"type":"rect","objectId":29,"color":"green","coordinates":[{"x":149.4561004638672,"y":714.5396728515625},{"x":304.7344970703125,"y":714.5396728515625},{"x":149.4561004638672,"y":746.0889892578125},{"x":304.7344970703125,"y":746.0889892578125}]},{"type":"rect","objectId":30,"color":"green","coordinates":[{"x":839.908203125,"y":2188.865966796875},{"x":1038.143310546875,"y":2188.865966796875},{"x":839.908203125,"y":2218.813720703125},{"x":1038.143310546875,"y":2218.813720703125}]},{"type":"rect","objectId":31,"color":"green","coordinates":[{"x":341.7131042480469,"y":714.4656982421875},{"x":483.6048889160156,"y":714.4656982421875},{"x":341.7131042480469,"y":745.6098022460938},{"x":483.6048889160156,"y":745.6098022460938}]},{"type":"rect","objectId":32,"color":"green","coordinates":[{"x":1425.32861328125,"y":772.4906005859375},{"x":1554.8759765625,"y":772.4906005859375},{"x":1425.32861328125,"y":805.4512939453125},{"x":1554.8759765625,"y":805.4512939453125}]},{"type":"rect","objectId":33,"color":"green","coordinates":[{"x":1424.94384765625,"y":855.1751708984375},{"x":1555.0177001953125,"y":855.1751708984375},{"x":1424.94384765625,"y":889.6076049804688},{"x":1555.0177001953125,"y":889.6076049804688}]},{"type":"rect","objectId":34,"color":"green","coordinates":[{"x":1426.2542724609375,"y":980.7202758789062},{"x":1554.1158447265625,"y":980.7202758789062},{"x":1426.2542724609375,"y":1013.4799194335938},{"x":1554.1158447265625,"y":1013.4799194335938}]},{"type":"rect","objectId":35,"color":"green","coordinates":[{"x":851.4185791015625,"y":622.4680786132812},{"x":982.2639770507812,"y":622.4680786132812},{"x":851.4185791015625,"y":653.8809204101562},{"x":982.2639770507812,"y":653.8809204101562}]},{"type":"rect","objectId":36,"color":"green","coordinates":[{"x":144.6685028076172,"y":983.0368041992188},{"x":275.3132019042969,"y":983.0368041992188},{"x":144.6685028076172,"y":1018.2340087890625},{"x":275.3132019042969,"y":1018.2340087890625}]},{"type":"rect","objectId":37,"color":"green","coordinates":[{"x":1167.780029296875,"y":1048.16748046875},{"x":1294.9254150390625,"y":1048.16748046875},{"x":1167.780029296875,"y":1081.0107421875},{"x":1294.9254150390625,"y":1081.0107421875}]},{"type":"rect","objectId":38,"color":"green","coordinates":[{"x":147.12399291992188,"y":774.2706298828125},{"x":275.398193359375,"y":774.2706298828125},{"x":147.12399291992188,"y":809.64111328125},{"x":275.398193359375,"y":809.64111328125}]},{"type":"rect","objectId":39,"color":"green","coordinates":[{"x":147.2801971435547,"y":941.9122924804688},{"x":273.4444885253906,"y":941.9122924804688},{"x":147.2801971435547,"y":976.2031860351562},{"x":273.4444885253906,"y":976.2031860351562}]},{"type":"rect","objectId":40,"color":"green","coordinates":[{"x":1426.451904296875,"y":897.4893188476562},{"x":1552.1041259765625,"y":897.4893188476562},{"x":1426.451904296875,"y":931.5872802734375},{"x":1552.1041259765625,"y":931.5872802734375}]},{"type":"rect","objectId":41,"color":"green","coordinates":[{"x":147.9409942626953,"y":899.5781860351562},{"x":274.1097106933594,"y":899.5781860351562},{"x":147.9409942626953,"y":934.4970703125},{"x":274.1097106933594,"y":934.4970703125}]},{"type":"rect","objectId":42,"color":"green","coordinates":[{"x":148.08169555664062,"y":857.3259887695312},{"x":276.03680419921875,"y":857.3259887695312},{"x":148.08169555664062,"y":892.9434814453125},{"x":276.03680419921875,"y":892.9434814453125}]},{"type":"rect","objectId":43,"color":"green","coordinates":[{"x":147.39700317382812,"y":815.9920043945312},{"x":274.9537048339844,"y":815.9920043945312},{"x":147.39700317382812,"y":852.67578125},{"x":274.9537048339844,"y":852.67578125}]},{"type":"rect","objectId":44,"color":"green","coordinates":[{"x":625.0848999023438,"y":2190.96337890625},{"x":852.9785766601562,"y":2190.96337890625},{"x":625.0848999023438,"y":2220.38623046875},{"x":852.9785766601562,"y":2220.38623046875}]},{"type":"rect","objectId":45,"color":"green","coordinates":[{"x":1427.7735595703125,"y":939.8112182617188},{"x":1552.0848388671875,"y":939.8112182617188},{"x":1427.7735595703125,"y":972.2130737304688},{"x":1552.0848388671875,"y":972.2130737304688}]},{"type":"rect","objectId":46,"color":"green","coordinates":[{"x":1424.7406005859375,"y":814.013916015625},{"x":1550.9158935546875,"y":814.013916015625},{"x":1424.7406005859375,"y":847.5823974609375},{"x":1550.9158935546875,"y":847.5823974609375}]},{"type":"rect","objectId":47,"color":"green","coordinates":[{"x":1450.608154296875,"y":713.6522216796875},{"x":1556.5333251953125,"y":713.6522216796875},{"x":1450.608154296875,"y":742.747314453125},{"x":1556.5333251953125,"y":742.747314453125}]},{"type":"rect","objectId":48,"color":"green","coordinates":[{"x":152.2949981689453,"y":469.3951110839844},{"x":254.34129333496094,"y":469.3951110839844},{"x":152.2949981689453,"y":498.2123107910156},{"x":254.34129333496094,"y":498.2123107910156}]},{"type":"rect","objectId":49,"color":"green","coordinates":[{"x":336.2423095703125,"y":982.4224243164062},{"x":437.9346923828125,"y":982.4224243164062},{"x":336.2423095703125,"y":1017.27392578125},{"x":437.9346923828125,"y":1017.27392578125}]},{"type":"rect","objectId":50,"color":"green","coordinates":[{"x":338.531494140625,"y":775.364990234375},{"x":436.4830017089844,"y":775.364990234375},{"x":338.531494140625,"y":807.3759155273438},{"x":436.4830017089844,"y":807.3759155273438}]},{"type":"rect","objectId":51,"color":"green","coordinates":[{"x":338.2340087890625,"y":900.410400390625},{"x":435.0296936035156,"y":900.410400390625},{"x":338.2340087890625,"y":933.2551879882812},{"x":435.0296936035156,"y":933.2551879882812}]},{"type":"rect","objectId":52,"color":"green","coordinates":[{"x":337.5347900390625,"y":941.1328735351562},{"x":435.1585998535156,"y":941.1328735351562},{"x":337.5347900390625,"y":974.6450805664062},{"x":435.1585998535156,"y":974.6450805664062}]},{"type":"rect","objectId":53,"color":"green","coordinates":[{"x":338.00048828125,"y":857.6806030273438},{"x":434.8970031738281,"y":857.6806030273438},{"x":338.00048828125,"y":891.8422241210938},{"x":434.8970031738281,"y":891.8422241210938}]},{"type":"rect","objectId":54,"color":"green","coordinates":[{"x":338.1966857910156,"y":816.92138671875},{"x":434.8113098144531,"y":816.92138671875},{"x":338.1966857910156,"y":850.918701171875},{"x":434.8113098144531,"y":850.918701171875}]},{"type":"rect","objectId":55,"color":"green","coordinates":[{"x":1204.34423828125,"y":939.6309204101562},{"x":1296.7210693359375,"y":939.6309204101562},{"x":1204.34423828125,"y":972.4157104492188},{"x":1296.7210693359375,"y":972.4157104492188}]},{"type":"rect","objectId":56,"color":"green","coordinates":[{"x":1210.9840087890625,"y":712.8760986328125},{"x":1299.266357421875,"y":712.8760986328125},{"x":1210.9840087890625,"y":743.0823974609375},{"x":1299.266357421875,"y":743.0823974609375}]},{"type":"rect","objectId":57,"color":"green","coordinates":[{"x":748.8984985351562,"y":980.529296875},{"x":840.332275390625,"y":980.529296875},{"x":748.8984985351562,"y":1014.9921264648438},{"x":840.332275390625,"y":1014.9921264648438}]},{"type":"rect","objectId":58,"color":"green","coordinates":[{"x":750.60791015625,"y":814.3475952148438},{"x":840.7514038085938,"y":814.3475952148438},{"x":750.60791015625,"y":849.423095703125},{"x":840.7514038085938,"y":849.423095703125}]},{"type":"rect","objectId":59,"color":"green","coordinates":[{"x":750.859619140625,"y":897.2998046875},{"x":840.4730224609375,"y":897.2998046875},{"x":750.859619140625,"y":931.9896240234375},{"x":840.4730224609375,"y":931.9896240234375}]},{"type":"rect","objectId":60,"color":"green","coordinates":[{"x":751.0938110351562,"y":855.3817749023438},{"x":840.1602172851562,"y":855.3817749023438},{"x":751.0938110351562,"y":891.3889770507812},{"x":840.1602172851562,"y":891.3889770507812}]},{"type":"rect","objectId":61,"color":"green","coordinates":[{"x":750.517822265625,"y":938.649169921875},{"x":840.35791015625,"y":938.649169921875},{"x":750.517822265625,"y":973.14111328125},{"x":840.35791015625,"y":973.14111328125}]},{"type":"rect","objectId":62,"color":"green","coordinates":[{"x":1207.281494140625,"y":856.3256225585938},{"x":1295.7259521484375,"y":856.3256225585938},{"x":1207.281494140625,"y":891.3004760742188},{"x":1295.7259521484375,"y":891.3004760742188}]},{"type":"rect","objectId":63,"color":"green","coordinates":[{"x":751.0125122070312,"y":773.03857421875},{"x":840.802490234375,"y":773.03857421875},{"x":751.0125122070312,"y":806.5809936523438},{"x":840.802490234375,"y":806.5809936523438}]},{"type":"rect","objectId":64,"color":"green","coordinates":[{"x":1208.017822265625,"y":897.6829833984375},{"x":1295.411865234375,"y":897.6829833984375},{"x":1208.017822265625,"y":931.3040771484375},{"x":1295.411865234375,"y":931.3040771484375}]},{"type":"rect","objectId":65,"color":"green","coordinates":[{"x":1206.7347412109375,"y":814.297119140625},{"x":1296.737548828125,"y":814.297119140625},{"x":1206.7347412109375,"y":848.7056274414062},{"x":1296.737548828125,"y":848.7056274414062}]},{"type":"rect","objectId":66,"color":"green","coordinates":[{"x":1219.3507080078125,"y":980.5435791015625},{"x":1297.584228515625,"y":980.5435791015625},{"x":1219.3507080078125,"y":1014.8834838867188},{"x":1297.584228515625,"y":1014.8834838867188}]},{"type":"rect","objectId":67,"color":"green","coordinates":[{"x":1220.08837890625,"y":773.4066772460938},{"x":1296.99755859375,"y":773.4066772460938},{"x":1220.08837890625,"y":806.1503295898438},{"x":1296.99755859375,"y":806.1503295898438}]},{"type":"rect","objectId":68,"color":"green","coordinates":[{"x":1204.6883544921875,"y":618.503173828125},{"x":1253.2618408203125,"y":618.503173828125},{"x":1204.6883544921875,"y":649.150390625},{"x":1253.2618408203125,"y":649.150390625}]}],
      data: [
        {
          type:'rect',
          objectId:'123',
          color: '',
          coordinates:[
            {x:10,y:10},
            {x:300,y:10},
            {x:300,y:300},
            {x:10,y:300},
          ]
        },
        {
          type:'contours',
          objectId:'111234',
          angle:45,
          coordinates:[
            {x:10,y:10},
            {x:1000,y:10},
            {x:1000,y:1000},
            {x:10,y:1000},
          ]
        }, {
          type:'rect',
          objectId:'1236',
          coordinates:[
            {x:10,y:1000},
            {x:200,y:1000},
            {x:200,y:1100},
            {x:10,y:1100},
          ]
        },{
          type:'table',
          objectId:'125',
          coordinates:[
            {x:0,y:10},
            {x:300,y:10},
            {x:300,y:300},
            {x:0,y:300},
          ],
          columnList:[20,150,280]
        }
      ],
      
      data2: [
        {
          type:'rect',
          objectId:'123',
          coordinates:[
            {x:100,y:100},
            {x:300,y:100},
            {x:300,y:300},
            {x:100,y:300},
          ]
        },
        {
          type:'contours',
          objectId:'111234',
          angle:0,
          coordinates:[
            {x:10,y:10},
            {x:500,y:10},
            {x:500,y:100},
            {x:10,y:100},
          ]
        }, {
          type:'rect',
          objectId:'1236',
          coordinates:[
            {x:10,y:0},
            {x:200,y:0},
            {x:200,y:200},
            {x:10,y:200},
          ]
        }
        ,{
          type:'table',
          objectId:'125',
          coordinates:[
            {x:0,y:10},
            {x:300,y:10},
            {x:300,y:300},
            {x:0,y:300},
          ],
          columnList:[20,150,280]
        }
      ],
      data3:[{"type":"rect","objectId":0,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":490.6252136230469,"y":139.4595947265625},{"x":490.6252136230469,"y":216.79800415039062},{"x":1383.3028564453125,"y":139.4595947265625},{"x":1383.3028564453125,"y":216.79800415039062}],"labelValue":"中威石油郾除事第(香港)有限公司"},{"type":"rect","objectId":1,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":550.8405151367188,"y":226.5740966796875},{"x":550.8405151367188,"y":283.3080139160156},{"x":1374.376953125,"y":226.5740966796875},{"x":1374.376953125,"y":283.3080139160156}],"labelValue":"INAINTERNATIONAL(HONGKONGjCORPORATION"},{"type":"rect","objectId":2,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":201.72259521484375,"y":1590.6558837890625},{"x":201.72259521484375,"y":1622.883544921875},{"x":845.3361206054688,"y":1590.6558837890625},{"x":845.3361206054688,"y":1622.883544921875}],"labelValue":"RRESPONDENTBANK:JPMOrganCha.seBank,NewYork,工"},{"type":"rect","objectId":3,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":887.1981201171875,"y":640.3007202148438},{"x":887.1981201171875,"y":671.6950073242188},{"x":1494.2725830078125,"y":640.3007202148438},{"x":1494.2725830078125,"y":671.6950073242188}],"labelValue":"ATECOUNTASDAY1,2DNVOICESPERMT"},{"type":"rect","objectId":4,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":157.8737030029297,"y":796.703125},{"x":157.8737030029297,"y":833.6356201171875},{"x":772.0667114257812,"y":796.703125},{"x":772.0667114257812,"y":833.6356201171875}],"labelValue":"NO.29,TANZHUR0AD,TIANZHUAIRPORT"},{"type":"rect","objectId":5,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":865.5198974609375,"y":777.7882080078125},{"x":865.5198974609375,"y":812.1124877929688},{"x":1433.9833984375,"y":777.7882080078125},{"x":1433.9833984375,"y":812.1124877929688}],"labelValue":"HONGKONGINTERNATIONALAIRPORT"},{"type":"rect","objectId":6,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":569.4995727539062,"y":402.2549133300781},{"x":569.4995727539062,"y":443.70318603515625},{"x":1150.8970947265625,"y":402.2549133300781},{"x":1150.8970947265625,"y":443.70318603515625}],"labelValue":"COMMERCIALINVOICE"},{"type":"rect","objectId":7,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":208.6898956298828,"y":1492.6588134765625},{"x":208.6898956298828,"y":1523.84765625},{"x":721.3005981445312,"y":1492.6588134765625},{"x":721.3005981445312,"y":1523.84765625}],"labelValue":"JEFICIARYBANK:DBSBank(FI0ngK0ng)Limi"},{"type":"rect","objectId":8,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":159.41839599609375,"y":1624.982177734375},{"x":159.41839599609375,"y":1656.93359375},{"x":651.9470825195312,"y":1624.982177734375},{"x":651.9470825195312,"y":1656.93359375}],"labelValue":"CORRESPONDENTSWIFTBIC:CHASUS33"},{"type":"rect","objectId":9,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":160.43170166015625,"y":1526.32470703125},{"x":160.43170166015625,"y":1556.0548095703125},{"x":645.2130126953125,"y":1526.32470703125},{"x":645.2130126953125,"y":1556.0548095703125}],"labelValue":"BENEFICIARYBANKSWIFT:DHBKHKHH"},{"type":"rect","objectId":10,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":493.7666015625,"y":1336.993896484375},{"x":493.7666015625,"y":1370.7156982421875},{"x":1302.4515380859375,"y":1336.993896484375},{"x":1302.4515380859375,"y":1370.7156982421875}],"labelValue":"SS区XHUNDREDFORTY-TWOTHOUSANDSIXHUNDREDT"},{"type":"rect","objectId":11,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":367.0492858886719,"y":1454.3038330078125},{"x":367.0492858886719,"y":1491.09521484375},{"x":1079.5989990234375,"y":1454.3038330078125},{"x":1079.5989990234375,"y":1491.09521484375}],"labelValue":"№ME:PETROCHNAINTERNAT1ONAL(HONGKONG)CORPORJ"},{"type":"rect","objectId":12,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1063.259521484375,"y":1875.6861572265625},{"x":1063.259521484375,"y":1915.9007568359375},{"x":1504.409912109375,"y":1875.6861572265625},{"x":1504.409912109375,"y":1915.9007568359375}],"labelValue":"PET0C10NL101GK0N3)00RP0RATONLMmTED"},{"type":"rect","objectId":13,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1072.8714599609375,"y":1901.016357421875},{"x":1072.8714599609375,"y":1939.537353515625},{"x":1493.8177490234375,"y":1901.016357421875},{"x":1493.8177490234375,"y":1939.537353515625}],"labelValue":"中圈石油圆账事棠(香港)有限公司"},{"type":"rect","objectId":14,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":148.17140197753906,"y":732.6734008789062},{"x":148.17140197753906,"y":764.70458984375},{"x":447.50390625,"y":732.6734008789062},{"x":447.50390625,"y":764.70458984375}],"labelValue":"AIRCHDNALIMITED"},{"type":"rect","objectId":15,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":886.8358764648438,"y":603.1423950195312},{"x":886.8358764648438,"y":634.6539916992188},{"x":1517.2646484375,"y":603.1423950195312},{"x":1517.2646484375,"y":634.6539916992188}],"labelValue":"5DAYSFROMIVOICEDATEWHEREINVO1C"},{"type":"rect","objectId":16,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":156.7740020751953,"y":1559.062744140625},{"x":156.7740020751953,"y":1592.2564697265625},{"x":396.5531005859375,"y":1559.062744140625},{"x":396.5531005859375,"y":1592.2564697265625}],"labelValue":"A/CNO.:7883651870"},{"type":"rect","objectId":17,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":154.80909729003906,"y":834.5576782226562},{"x":154.80909729003906,"y":868.4837036132812},{"x":779.8176879882812,"y":834.5576782226562},{"x":779.8176879882812,"y":868.4837036132812}],"labelValue":"ECONOMCDEVELOPMENTZONE,BEIJING,"},{"type":"rect","objectId":18,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":164.1029052734375,"y":512.3610229492188},{"x":164.1029052734375,"y":542.4415283203125},{"x":721.3510131835938,"y":512.3610229492188},{"x":721.3510131835938,"y":542.4415283203125}],"labelValue":"PetroChinaInternatiOna1(HongK0ng)Corp"},{"type":"rect","objectId":19,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":171.54110717773438,"y":298.3970031738281},{"x":171.54110717773438,"y":331.3291931152344},{"x":360.5046081542969,"y":298.3970031738281},{"x":360.5046081542969,"y":331.3291931152344}],"labelValue":"Petr0China"},{"type":"rect","objectId":20,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1062.84375,"y":1849.024169921875},{"x":1062.84375,"y":1880.90576171875},{"x":1300.2554931640625,"y":1849.024169921875},{"x":1300.2554931640625,"y":1880.90576171875}],"labelValue":"FOrand0nbcha1f0f"},{"type":"rect","objectId":21,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1222.8450927734375,"y":2007.3934326171875},{"x":1222.8450927734375,"y":2035.244140625},{"x":1485.851318359375,"y":2007.3934326171875},{"x":1485.851318359375,"y":2035.244140625}],"labelValue":"4z/077zcdSg707s"},{"type":"rect","objectId":22,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1072.790283203125,"y":2166.627685546875},{"x":1072.790283203125,"y":2187.904052734375},{"x":1472.9520263671875,"y":2166.627685546875},{"x":1472.9520263671875,"y":2187.904052734375}],"labelValue":"7834CNO正LHX一雷鄄:intlhk30petrochina,"},{"type":"rect","objectId":23,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":152.77960205078125,"y":569.1082763671875},{"x":152.77960205078125,"y":598.0507202148438},{"x":632.3010864257812,"y":569.1082763671875},{"x":632.3010864257812,"y":598.0507202148438}],"labelValue":"12/F,CentralPlaza,18Harb0urR0ad,"},{"type":"rect","objectId":24,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":313.9375915527344,"y":1374.59228515625},{"x":313.9375915527344,"y":1407.108154296875},{"x":623.8934936523438,"y":1374.59228515625},{"x":623.8934936523438,"y":1407.108154296875}],"labelValue":"CENTSNINEONLY***"},{"type":"rect","objectId":25,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":147.11740112304688,"y":1056.2974853515625},{"x":147.11740112304688,"y":1089.1944580078125},{"x":314.06280517578125,"y":1056.2974853515625},{"x":314.06280517578125,"y":1089.1944580078125}],"labelValue":"(Ex-hydrant)"},{"type":"rect","objectId":26,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":876.465087890625,"y":744.9722900390625},{"x":876.465087890625,"y":768.9677734375},{"x":1065.5860595703125,"y":744.9722900390625},{"x":1065.5860595703125,"y":768.9677734375}],"labelValue":"0cati0nName:"},{"type":"rect","objectId":27,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":198.38380432128906,"y":2201.361083984375},{"x":198.38380432128906,"y":2224.784912109375},{"x":662.4395751953125,"y":2201.361083984375},{"x":662.4395751953125,"y":2224.784912109375}],"labelValue":"1201Centra|Plaza,18HarbourR0ad,Wanchai,H0ngK0ng"},{"type":"rect","objectId":28,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1080.5147705078125,"y":1985.805419921875},{"x":1080.5147705078125,"y":2010.2359619140625},{"x":1501.2099609375,"y":1985.805419921875},{"x":1501.2099609375,"y":2010.2359619140625}],"labelValue":"*******************88*+8906*4+1"},{"type":"rect","objectId":29,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1207.330322265625,"y":826.2333984375},{"x":1207.330322265625,"y":861.8753051757812},{"x":1549.138916015625,"y":826.2333984375},{"x":1549.138916015625,"y":861.8753051757812}],"labelValue":"P15MDAL0002CA0CT16"},{"type":"rect","objectId":30,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":155.61480712890625,"y":601.423095703125},{"x":155.61480712890625,"y":633.364990234375},{"x":406.0711975097656,"y":601.423095703125},{"x":406.0711975097656,"y":633.364990234375}],"labelValue":"WanChai,HongKon"},{"type":"rect","objectId":31,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":220.15829467773438,"y":2172.209228515625},{"x":220.15829467773438,"y":2197.903076171875},{"x":638.19970703125,"y":2172.209228515625},{"x":638.19970703125,"y":2197.903076171875}],"labelValue":"香港湾仔港湾道18虢中璟质埸1201室霞活:(8"},{"type":"rect","objectId":32,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1019.4044799804688,"y":2192.400390625},{"x":1019.4044799804688,"y":2216.052001953125},{"x":1350.4173583984375,"y":2192.400390625},{"x":1350.4173583984375,"y":2216.052001953125}],"labelValue":"990Telex:77834CNOLLH一E-mnail:"},{"type":"rect","objectId":33,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":862.9641723632812,"y":468.5057067871094},{"x":862.9641723632812,"y":495.6513977050781},{"x":1115.114013671875,"y":468.5057067871094},{"x":1115.114013671875,"y":495.6513977050781}],"labelValue":"Inv0iceNo.8date:"},{"type":"rect","objectId":34,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":854.3339233398438,"y":693.5736083984375},{"x":854.3339233398438,"y":720.4340209960938},{"x":1113.9798583984375,"y":693.5736083984375},{"x":1113.9798583984375,"y":720.4340209960938}],"labelValue":"Paymentduedate:"},{"type":"rect","objectId":35,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":858.5914916992188,"y":834.73779296875},{"x":858.5914916992188,"y":861.0081787109375},{"x":1106.856201171875,"y":834.73779296875},{"x":1106.856201171875,"y":861.0081787109375}],"labelValue":"C0ntractNumiber:"},{"type":"rect","objectId":36,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":153.28050231933594,"y":872.431884765625},{"x":153.28050231933594,"y":904.260498046875},{"x":411.3373107910156,"y":872.431884765625},{"x":411.3373107910156,"y":904.260498046875}],"labelValue":"101318,P.R.CHTNA"},{"type":"rect","objectId":37,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1370.255859375,"y":1228.8052978515625},{"x":1370.255859375,"y":1262.380126953125},{"x":1570.88525390625,"y":1228.8052978515625},{"x":1570.88525390625,"y":1262.380126953125}],"labelValue":"USD642,632.09"},{"type":"rect","objectId":38,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1036.9053955078125,"y":1012.3482055664062},{"x":1036.9053955078125,"y":1046.1142578125},{"x":1291.33984375,"y":1012.3482055664062},{"x":1291.33984375,"y":1046.1142578125}],"labelValue":"UJSC131.036/USG"},{"type":"rect","objectId":39,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":454.9375915527344,"y":1119.86083984375},{"x":454.9375915527344,"y":1149.5804443359375},{"x":656.0405883789062,"y":1119.86083984375},{"x":656.0405883789062,"y":1149.5804443359375}],"labelValue":"ThroughputFee"},{"type":"rect","objectId":40,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":767.8887939453125,"y":2163.6435546875},{"x":767.8887939453125,"y":2194.085693359375},{"x":1049.8282470703125,"y":2163.6435546875},{"x":1049.8282470703125,"y":2194.085693359375}],"labelValue":"傅真:(852)21553990雷傅:"},{"type":"rect","objectId":41,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":777.2694702148438,"y":1014.4874267578125},{"x":777.2694702148438,"y":1047.8048095703125},{"x":1012.9959716796875,"y":1014.4874267578125},{"x":1012.9959716796875,"y":1047.8048095703125}],"labelValue":"455,961.467USG"},{"type":"rect","objectId":42,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":853.9555053710938,"y":569.6890258789062},{"x":853.9555053710938,"y":595.8460083007812},{"x":1073.7666015625,"y":569.6890258789062},{"x":1073.7666015625,"y":595.8460083007812}],"labelValue":"PaymenttermnS:"},{"type":"rect","objectId":43,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1067.2275390625,"y":1111.8553466796875},{"x":1067.2275390625,"y":1144.2777099609375},{"x":1289.569580078125,"y":1111.8553466796875},{"x":1289.569580078125,"y":1144.2777099609375}],"labelValue":"USC9.904/USG"},{"type":"rect","objectId":44,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1244.906494140625,"y":516.2348022460938},{"x":1244.906494140625,"y":544.1834716796875},{"x":1429.7674560546875,"y":516.2348022460938},{"x":1429.7674560546875,"y":544.1834716796875}],"labelValue":"November,2016"},{"type":"rect","objectId":45,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1252.8531494140625,"y":2193.3125},{"x":1252.8531494140625,"y":2216.353271484375},{"x":1569.5174560546875,"y":2193.3125},{"x":1569.5174560546875,"y":2216.353271484375}],"labelValue":"区E-mnailintlhk3@petrochina.c0m.cn"},{"type":"rect","objectId":46,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1376.8740234375,"y":1013.3433837890625},{"x":1376.8740234375,"y":1044.8848876953125},{"x":1579.0908203125,"y":1013.3433837890625},{"x":1579.0908203125,"y":1044.8848876953125}],"labelValue":"USD597,473.67"},{"type":"rect","objectId":47,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":565.4531860351562,"y":2165.711669921875},{"x":565.4531860351562,"y":2196.1533203125},{"x":819.1156005859375,"y":2165.711669921875},{"x":819.1156005859375,"y":2196.1533203125}],"labelValue":"霞活:(852)36786000傅真"},{"type":"rect","objectId":48,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":459.75299072265625,"y":951.319580078125},{"x":459.75299072265625,"y":981.4456176757812},{"x":615.1417236328125,"y":951.319580078125},{"x":615.1417236328125,"y":981.4456176757812}],"labelValue":"0therCharg"},{"type":"rect","objectId":49,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1386.196044921875,"y":1112.2216796875},{"x":1386.196044921875,"y":1142.98583984375},{"x":1578.339599609375,"y":1112.2216796875},{"x":1578.339599609375,"y":1142.98583984375}],"labelValue":"USD45,158.42"},{"type":"rect","objectId":50,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1216.8956298828125,"y":692.3353881835938},{"x":1216.8956298828125,"y":718.1719970703125},{"x":1396.8863525390625,"y":692.3353881835938},{"x":1396.8863525390625,"y":718.1719970703125}],"labelValue":"15November,2"},{"type":"rect","objectId":51,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":151.66110229492188,"y":954.126220703125},{"x":151.66110229492188,"y":982.9967041015625},{"x":339.90869140625,"y":954.126220703125},{"x":339.90869140625,"y":982.9967041015625}],"labelValue":"Descripti0n0f"},{"type":"rect","objectId":52,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1116.8338623046875,"y":1233.008544921875},{"x":1116.8338623046875,"y":1258.6732177734375},{"x":1280.483642578125,"y":1233.008544921875},{"x":1280.483642578125,"y":1258.6732177734375}],"labelValue":"TotalAmOunt:"},{"type":"rect","objectId":53,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":853.7080078125,"y":514.1276245117188},{"x":853.7080078125,"y":547.198486328125},{"x":1021.7025146484375,"y":514.1276245117188},{"x":1021.7025146484375,"y":547.198486328125}],"labelValue":"PI16AB1164"},{"type":"rect","objectId":54,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":542.4099731445312,"y":2194.535888671875},{"x":542.4099731445312,"y":2221.357421875},{"x":862.98388671875,"y":2194.535888671875},{"x":862.98388671875,"y":2221.357421875}],"labelValue":"chai,HongK0ngTel:(852)36786000"},{"type":"rect","objectId":55,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":841.2794189453125,"y":2192.296875},{"x":841.2794189453125,"y":2222.97900390625},{"x":1046.4501953125,"y":2192.296875},{"x":1046.4501953125,"y":2222.97900390625}],"labelValue":"00Fax:(852)21553990"},{"type":"rect","objectId":56,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":194.55870056152344,"y":181.3887939453125},{"x":194.55870056152344,"y":262.8725891113281},{"x":325.86029052734375,"y":181.3887939453125},{"x":325.86029052734375,"y":262.8725891113281}],"labelValue":""},{"type":"rect","objectId":57,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1179.912841796875,"y":947.8873291015625},{"x":1179.912841796875,"y":977.9342041015625},{"x":1300.255859375,"y":947.8873291015625},{"x":1300.255859375,"y":977.9342041015625}],"labelValue":"Jnitprice"},{"type":"rect","objectId":58,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":164.57969665527344,"y":1372.6663818359375},{"x":164.57969665527344,"y":1401.733642578125},{"x":294.6607971191406,"y":1372.6663818359375},{"x":294.6607971191406,"y":1401.733642578125}],"labelValue":"AMOUNT:"},{"type":"rect","objectId":59,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":852.1777954101562,"y":874.87548828125},{"x":852.1777954101562,"y":906.7537841796875},{"x":980.64990234375,"y":874.87548828125},{"x":980.64990234375,"y":906.7537841796875}],"labelValue":"PageNo."},{"type":"rect","objectId":60,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":881.1943969726562,"y":949.6746215820312},{"x":881.1943969726562,"y":979.9611206054688},{"x":1004.6279296875,"y":949.6746215820312},{"x":1004.6279296875,"y":979.9611206054688}],"labelValue":"Quantity"},{"type":"rect","objectId":61,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1474.303466796875,"y":951.2861938476562},{"x":1474.303466796875,"y":976.0017700195312},{"x":1580.9942626953125,"y":951.2861938476562},{"x":1580.9942626953125,"y":976.0017700195312}],"labelValue":"Am10unt"},{"type":"rect","objectId":62,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":148.56069946289062,"y":697.4302978515625},{"x":148.56069946289062,"y":725.3515014648438},{"x":253.3090057373047,"y":697.4302978515625},{"x":253.3090057373047,"y":725.3515014648438}],"labelValue":"Buyer工"},{"type":"rect","objectId":63,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":148.18490600585938,"y":471.53948974609375},{"x":148.18490600585938,"y":500.5502014160156},{"x":245.75450134277344,"y":471.53948974609375},{"x":245.75450134277344,"y":500.5502014160156}],"labelValue":"Seller:"},{"type":"rect","objectId":64,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":182.3365020751953,"y":1341.929443359375},{"x":182.3365020751953,"y":1373.2376708984375},{"x":282.0372009277344,"y":1341.929443359375},{"x":282.0372009277344,"y":1373.2376708984375}],"labelValue":"TOTAL"},{"type":"rect","objectId":65,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":147.7779998779297,"y":1017.747314453125},{"x":147.7779998779297,"y":1052.59912109375},{"x":246.53390502929688,"y":1017.747314453125},{"x":246.53390502929688,"y":1052.59912109375}],"labelValue":"JctA-1"},{"type":"rect","objectId":66,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":325.97021484375,"y":952.607177734375},{"x":325.97021484375,"y":981.5161743164062},{"x":427.4678039550781,"y":952.607177734375},{"x":427.4678039550781,"y":981.5161743164062}],"labelValue":"0fg00ds"},{"type":"rect","objectId":67,"fill":"rgba(255, 0, 0, 0.1)","stroke":"red","coordinates":[{"x":1206.792236328125,"y":867.47998046875},{"x":1206.792236328125,"y":900.3869018554688},{"x":1253.8868408203125,"y":867.47998046875},{"x":1253.8868408203125,"y":900.3869018554688}],"labelValue":"1/7"}]
    }
  },
  computed: {
    ...mapState('tools', [
      'coordinatesList'
    ])
  },
  methods:{
      init(){
        // 初始化
        // this.$refs.addrawlable.initCanvas(this.url,this.data3)
          this.$refs.addrawlable1.initCanvasSim(this.url,this.data1)
        setTimeout(()=>{
          // // 数据更新
          //  setTimeout(()=>{
          //     this.$refs.addrawlable1.updataDataSim("https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3331240902,302148632&fm=26&gp=0.jpg",this.data2)
              // 数据更新
            // },300)
        },300)
      },
      update(){
        this.$refs.addrawlable1.updataDataSim(this.url,this.data3)
      },
      select(index){
        // 选中某个框
        this.$refs.addrawlable1.selectObject(index)
      },
      discardActiveObject(index){
        // 取消选中
        this.$refs.addrawlable.discardActiveObject()
      },
      // 新增回传 objectId、坐标等数据
      addObject(e){
        console.log('addObject',e)
      },
      // 删除回传 objectId、坐标等数据
      deleteObject(res) {
        console.log('deleteObject',res)
      },
      // 更新回传 objectId、坐标等数据
      updateObject(res){
        console.log('updateObject',res)
      },
      // 选中回传 objectId
      selectObject(e) {
        console.log('selectObject',e)
      },
      selectObjectSelf(e){
        console.log('selectObjectSelf',e)
      },




      updateData(e) {
        // console.log(JSON.parse(e))
      },
      clear(){
        this.$refs.addrawlable.clearHandler()
        
      }
  }
}
</script>